<!DOCTYPE html>
<!--1.设置浮动的元素会尽可能的往左上靠/往右上靠，一行占满换下一行-->
<!--2.设置浮动的元素必须有宽度-->
<!--3.子元素的宽度缩放【还有填充+margin】是相对父元素的内容宽-->
<!--4.子元素的高度也是相对父元素的内容.Q:父元素的高度如何设置？默认是根据内容扩充的a-->
<!-- viewport?的作用？ -->
<!--可舒适的在手机上看网页-->
<html>
	<head>
		<meta charset="UTF-8" >
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale = 1, user-scalable=no"/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/nine.css"/>
	</head>
	<body>
	<div class="wrap">
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
	</div>
		
	</body>
</html>
